<!DOCTYPE html>
 <html>
   <head>
     <style>
        *{margin:0;padding:0}
        #header {
            background-color:blue;
            color:white;
            text-align:center;
            height:200px;
            padding:5px;
        }
       #nav {
            line-height:30px;
            background-color:red;
            height:300px;
            width:30%;
            float:left;
            padding:5px;	      
       }
      #section {
            background-color:orange;
            width:30%;
            height:290px;
            float:left;
            padding:10px;	 	 
       }
      #sections {
            background-color:pink;
            width:36.2%;
            height:290px;

            float:right;
            padding:10px;	 	 
       }
      #footer {
            background-color:green;
            color:white;
             height:100px;
            clear:both;
            text-align:center;
            padding:5px;	 	 
      }
     </style>
  </head>

 <body>
   <div id="header">
       
   </div>

   <div id="nav">
       
   </div>

   <div id="section">
      
   </div>
<div id="sections">
      
   </div>

   <div id="footer">
     
   </div>
  </body>
</html>
